@import "mixins/mixins";
@import "common/var";
@import "_main";

@include b(pdf) {
  @include e(item) {
    display: flex;
    flex-direction: column;
    background: #fff;
    margin-top: 10px;
    & .header {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      height: 31px;
      border-bottom: 1px solid #f2f2f2;
      font-size: 15px;
      color: #554e58;
      font-weight: 700;
      line-height: 31px;
      padding-left: 12px;
      padding-right: 12px;
      & .status {
        font-size: 12px;
        color: #ff6b00;
        font-weight: 500;
      }

      & .orderid {
        font-size: 12px;
        color: #6699ff;
        font-weight: 500;
      }
    }

    & .detail {
      height: 44px;
      line-height: 44px;
    }

    & .content {
      & .item {
        border-bottom: 1px solid #f2f2f2;
      }
    }

    & .footer {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      height: 44px;
      line-height: 44px;
      font-size: 12px;
      color: #cccacd;
      padding-left: 12px;
      padding-right: 12px;
      & .price {
        font-size: 14px;
        color: #544e58;
        font-weight: 500;
        & > span {
          color: #98959b;
        }
      }
    }
  }
}
